/*
 * @Author: luojian jian.luo@macrowing.com
 * @Date: 2024-05-15 10:09:30
 * @LastEditors: luojian jian.luo@macrowing.com
 * @LastEditTime: 2024-05-20 17:41:33
 * @FilePath: \JiangHeBiWeb\src\components\rank\style.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import styled from 'styled-components';

export const RankStyled = styled.div`
  height: 22rem;
  position: relative;
  .borrowTable{
    color: #fff;
    font-size: 0.8rem;
  }
  .thead{
    background-color: rgba(3, 157, 206,0.3);
    line-height: 30px;
    text-align: left; 
    color: #fff;  
  }
  .thead  tr {
    width: 100%;
    display: flex;
    justify-content: space-around;
  }

  #review_box
  {
    max-height: 300px; /* 必须 */
    overflow: hidden;/* 必须 */



  }

  #review_box  div tr {
    width: 100%;
    display: flex;
    justify-content: space-around;
    line-height: 30px; 
    background-color: rgba(3, 157, 206, 0.1);
  }
    #review_box  div tr td  span {
      overflow: hidden;/* 必须 */
      white-space: nowrap;
      text-overflow: ellipsis;
      display: block;  
      text-align: left;
  }
  tbody  div tr:nth-child(even){
    background-color: rgba(3, 157, 206,0.3) !important;

  }
  .rank-footer {
    position: absolute;
    right: 0;
    bottom: -1.8rem;
  }
`;
